<template>
  <view>
    <wd-tabbar fixed v-model="tabbar" bordered safeAreaInsetBottom placeholder>
      <wd-tabbar-item
        :value="2"
        is-dot
        title="首页"
        icon="home"
      ></wd-tabbar-item>
      <wd-tabbar-item title="分类" icon="cart"></wd-tabbar-item>
      <wd-tabbar-item title="我的" icon="user"></wd-tabbar-item>
      <wd-tabbar-item :value="200" title="相册" icon="photo"></wd-tabbar-item>
      <wd-tabbar-item :value="10" title="客服" icon="chat"></wd-tabbar-item>
    </wd-tabbar>
  </view>
</template>

<script lang="ts" setup>
import { ref } from "vue";

const tabbar = ref(1);
</script>
<style scoped></style>
